#wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-app-region: drag;
    padding: 7px;
    font-family: 微软雅黑;
    .box {
        background: #ebf2f9;
        user-select: none;
        flex-grow: 1;
        box-shadow: 0 0 14px #b8b8b8;
        border-radius: 6px;
        position: relative;
        .tools {
            position: absolute;
            top: 0;
            right: 0;
            padding:2px 5px;
            font-size: 16px;
            color: #fff;
            .btn {
                -webkit-app-region: no-drag;
                width: 22px;
                line-height: 22px;
                height: 22px;
                transition: all 0.3s;
                cursor: pointer;
                i{
                  font-size: 22px;
                }
                &:hover{
                  color:red;
                }
            }
        }
        .top {
            height: 182px;
            user-select: none;
            background: #3e58c9;
            border-radius: 6px 6px 0 0;
            display: flex;
            align-items: center;
            justify-content: center;
            span {
                font-size: 80px;
                color: #fff;
                opacity: 0.9;
                font-family: 楷体;
            }
        }
        .loginbox {
            height: 148px;
            display: flex;
            border-radius: 0 0 6px 6px;
            justify-content: center;
            align-items: center;
            .cont {
                -webkit-app-region: no-drag;
                width: 200px;
                .input {
                    width: 100%;
                    border: 1px solid #d1d1d1;
                    background: #fff;
                    outline: none;
                    padding: 6px;
                    &:focus {
                        &::placeholder {
                            font-size: 0;
                        }
                    }
                    &.name {
                        border-radius: 3px 3px 0 0;
                        &:focus {
                            box-shadow: 0 0px 5px rgba(132, 155, 255, 0.424);
                        }
                    }
                    &.pwd {
                        border-radius: 0 -1px 3px 3px;
                        border-top: none;
                        margin-bottom: 5px;
                        &:focus {
                            box-shadow: 0 0px 5px rgba(132, 155, 255, 0.424);
                        }
                    }
                }
                .select {
                    display: flex;
                    justify-content: space-between;
                    .ivu-checkbox-wrapper {
                        margin: 0;
                    }
                    .ivu-checkbox-inner::focus {
                        box-shadow: none;
                    }
                }
                .loginss {
                    margin-top: 10px;
                    height: 30px;
                    padding: 0;
                    background: #00a3ff;
                    transition: all 1s;
                    &:hover {
                        background: #3cc3f5
                    }
                    &:active {
                        background: #098cbc;
                    }
                    &:focus {
                        box-shadow: none;
                    }
                }
            }
        }
    }
}